<template>
  <div>
    <van-nav-bar title="联系我们" fixed left-arrow @click-left="onClickLeft" />
    <div class="static-container contact">
      <ul class="contact">
        <!-- 微博合作 -->
        <li class="big">
          <a
            href="https://e.weibo.com/headlineapp"
            target="_blank"
            rel="noopener noreferrer nofollow"
          >
            <img
              src="https://p3.toutiaoimg.com/obj/eden-cn/uhbfnupkbps/sina_connect.png"
            />
          </a>
        </li>
        <!-- 合作 -->
        <li>
          <span class="first">市场、商务合作请联系邮箱 : </span
          ><span
            ><strong
              ><a href="mailto:bd@bytedance.com" rel="nofollow"
                >bd@bytedance.com</a
              ></strong
            ></span
          >
        </li>
        <!-- 广告 -->
        <li>
          <span class="first">广告投放及售后请联系 : </span
          ><span
            ><strong
              ><a
                href="https://www.oceanengine.com/?source=toutiao_contactus"
                rel="nofollow"
                >https://www.oceanengine.com/</a
              ></strong
            ></span
          ><span
            >&nbsp;在线客服或拨打：<strong
              ><a href="tel:4006181518" rel="nofollow">400-618-1518</a></strong
            ></span
          >
        </li>
        <!-- 投诉 -->
        <li>
          <span class="first">广告投诉: </span
          ><span
            ><strong
              ><a
                href="https://phoniex.toutiao.com/phoniex/index"
                target="_blank"
                rel="noopener noreferrer nofollow"
                >请点击这里</a
              ></strong
            ></span
          >
        </li>
        <!-- 媒体合作 -->
        <li>
          <span class="first">媒体合作请联系邮箱 : </span
          ><span
            ><strong
              ><a href="mailto:media@toutiao.com" rel="nofollow"
                >media@toutiao.com</a
              ></strong
            ></span
          >
        </li>
      
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: "WorkspaceJsonContact",

  data() {
    return {};
  },

  mounted() {},

  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
  },
};
</script>

<style lang="scss" scoped>
.static-container {
    background-color: transparent;
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 20px;
    padding-top: 40px;
}
.static-container a{
  color: pink;
  text-indent: 0;
  cursor: pointer;
}
.static-container .contact li {
    padding: 20px 0;
}
.static-container ol li, .static-container ul li {
    margin-bottom: 5px;
    font-size: 15px;
}

li {
    list-style: none;
        // text-align: -webkit-match-parent;
    
}
</style>